<template>
	<div>
		<el-table :data="tableData" style="width: 100%">
			<el-table-column prop="time" label="时间">
				<template #default="scope">
					<div class="pt-10px pb-10px flex items-center">
						<span class="text-[#000000] text-[14px] font-[400]">{{ scope.row.time }}</span>
					</div>
				</template>
			</el-table-column>
			<el-table-column prop="coin" label="币种">
				<template #default="scope">
					<div class="pt-10px pb-10px flex items-center">
						<img :src="scope.row.icon" class="w-20px h-20px">
						<p class="ml-10px">{{ scope.row.coin }}</p>
					</div>
				</template>
			</el-table-column>
			<el-table-column prop="product" label="产品名称">
			</el-table-column>
			<el-table-column prop="account" label="申购数量">
			</el-table-column>
			<el-table-column prop="term" label="锁仓期限">
			</el-table-column>
			<el-table-column prop="status" label="状态" align="right">
				<template #default="scope">
					<div class="pt-10px pb-10px flex items-center justify-end">
						<p class="border-b-1px border-dashed border-#000000">{{ scope.row.status }}</p>
					</div>
				</template>
			</el-table-column>
		</el-table>
	</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const tableData = ref<any[]>([
	{
		time: '2025-02-02',
		icon:'/purchase/btc.svg',
		coin: 'BTC',
		product:'理财T0',
		account:'20 USDT',
		term:'7天',
		status:'赎回中'
	},
	{
		time: '2025-02-02',
		icon:'/purchase/btc.svg',
		coin: 'BTC',
		product:'理财T0',
		account:'20 USDT',
		term:'7天',
		status:'赎回中'
	},
	{
		time: '2025-02-02',
		icon:'/purchase/btc.svg',
		coin: 'BTC',
		product:'理财T0',
		account:'20 USDT',
		term:'7天',
		status:'赎回中'
	}
])

</script>

